<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
}
</script>

<style>
body {
  -webkit-text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
@media only screen and (max-width: 360px) {
  html {
    font-size:15.5px;
  }
}
@media only screen and (min-width: 360px) {
  html {
    font-size:18px;
  }
}
@media only screen and (min-width: 400px) {
  html {
    font-size:17.5px;
  }
}
@media only screen and (min-width: 480px) {
  html {
    font-size:21px;
  }
}
@media only screen and (min-width: 560px) {
  html {
    font-size:24.5px;
  }
}
@media only screen and (min-width: 600px) {
  html {
    font-size:26.25px;
  }
}
@media only screen and (min-width: 640px) {
  html {
    font-size:28px;
  }
}

body {
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Microsoft YaHei',Calibri,Helvetica,Arial,sans-serif;
}
</style>
